<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>图书馆签到</title>
</head>
<body style="text-align: center; /*让div内部文字居中*/
	background-color: #fff;
	border-radius: 20px;
	width: 300px;
	height: 350px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;">
<!-- 引入 layui.css -->

<link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

<!-- 引入 layui.js -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="js/i.js"></script>
<div id="m" style="text-align: center; margin:auto 0px">
  <p>一楼直接输座位号如：4,89,278</p>
  <h2 style="color: red">七楼输入座位号的后三位！！！</h2>
  <h3>如：708-080 输入 080</h3>
  <p>记得选择自习室！！！</p>
  <input id="number" type="text" name="title" required lay-verify="required" placeholder="请输入座位号的后三位" autocomplete="off"
         class="layui-input">
  选择自习室：<select name="labid" id="labid" lay-verify="required">
    <option value="0">第一自习室</option>
    <option value="1">第二自习室</option>
    <option value="2">第三自习室</option>
    <option value="3">第四自习室</option>
  </select>
  <br>
  <button type="button" class="layui-btn" onclick="make()">创建连接</button>
  <div id="mm"></div>
</div>
<div>
  写代码不易，感谢大哥们打赏！
  <img alt="" src="https://cdn.jsdelivr.net/gh/yzr0707/yzr0707.github.io@master/yzr/ewm.2jty0owq6ta0.png" height="300"
       width="200">
</div>
</body>


</html>